<%@ page language="java" contentType="text/html; charset=UTF-8"
		 pageEncoding="UTF-8" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<title>教务员-本届实习数据-广州软件学院计算机系学生实习与就业信息管理系统</title>
		<link rel="stylesheet" href="../layui/css/layui.css">
		<style>
			.layui-table td {
				text-align: center;
			}

			.layui-table th {
				text-align: center;
				font-weight: bold;
			}
			#demo7{
				margin-top: 470px;
				margin-left: 30px;
			}
		</style>
	</head>
	<body>
		<div class="layui-layout layui-layout-admin">
			<div class="headerPage"></div>

			<div class="navBarPage"></div>

			<div class="layui-body">
				<!-- 主体 -->
				<table class="layui-table" lay-size="sm">
					<colgroup>
						<col width="70"><!-- 学号 -->
						<col width="70"><!-- 姓名 -->
						<col width="80"><!-- 入学年份 -->
						<col width="100"><!-- 就读专业 -->
						<col width="80"><!-- 指导老师 -->
						<col width="100"><!-- 公司名称 -->
						<col width="80"><!-- 公司代码 -->
						<col width="80"><!-- 所在城市 -->
						<col width="80"><!-- 所在部门 -->
						<col width="80"><!-- 开发语言 -->
						<col width="70"><!-- 数据库 -->
						<col><!-- 主要框架 -->
						<col width="100"><!-- 入职时间 -->
						<col width="70"><!-- 工作状态 -->
						<col width="70"><!-- 工资 -->
					</colgroup>
					<thead>
						<tr>
							<th>学号</th>
							<th>姓名</th>
							<th>入学年份</th>
							<th>就读专业</th>
							<th>指导老师</th>
							<th>公司名称</th>
							<th>公司代码</th>
							<th>所在城市</th>
							<th>所在部门</th>
							<th>开发语言</th>
							<th>数据库</th>
							<th>主要框架</th>
							<th>入职时间</th>
							<th>状态</th>
							<th>工资</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>1840706310</td>
							<td>陈锐恒</td>
							<td>2018</td>
							<td>计算机科学与技术</td>
							<td>王继红</td>
							<td>广州魅乔科技有限公司</td>
							<td>MA59EUTX7</td>
							<td>广州市</td>
							<td>开发部</td>
							<td>Java</td>
							<td>MYSQL</td>
							<td>SpringMVC+Mybatis</td>
							<td>2021-08-12</td>
							<td>就职</td>
							<td>4000</td>
						</tr>
					</tbody>
				</table>
				
				<div id="demo7"></div>
				
			</div>

			<div class="footerPage"></div>
		</div>
		<script src="../layui/layui.js"></script>
		<script src="../js/jquery.min.js"></script>
		<script src="../js/my.js"></script>
		<script>
			layui.use(['laypage', 'layer'], function() {
				var laypage = layui.laypage,
					layer = layui.layer;

				//完整功能
				  laypage.render({
				    elem: 'demo7'
				    ,count: 20
				    ,layout: ['count', 'prev', 'page', 'next', 'limit', 'refresh', 'skip']
				    ,jump: function(obj){
				      console.log(obj)
				    }
				  });
				//调用分页
				laypage.render({
					elem: 'demo20',
					count: data.length,
					jump: function(obj) {
						//模拟渲染
						document.getElementById('biuuu_city_list').innerHTML = function() {
							var arr = [],
								thisData = data.concat().splice(obj.curr * obj.limit - obj.limit, obj.limit);
							layui.each(thisData, function(index, item) {
								arr.push('<li>' + item + '</li>');
							});
							return arr.join('');
						}();
					}
				});
			});
		</script>
	</body>
</html>
